
    <div class="login-form-body">
        <div class="login-form-body-left">
            <div class="login-logo">
                <img src="../../../../assets/img/login-page/bg.png" alt="">
            </div>
        </div>

        <div class="login-form-body-right" *ngIf='subType=="pwSub"'>
            <form nz-form class="loginForm" [formGroup]="loginForm">
                <div class="login-title">
                    <div style="width: 40px;height: 40px;margin-right:20px;">
                        <img style="width: 100%;height: 100%;" src="../../../../assets/img/logo/LOGOIOC.png" alt="">
                    </div>
                    <span><h1>云检测平台</h1></span>
                </div>
                <!-- <div class="loginForm-tab">
                    <a routerLink="/pages/register">去注册</a>
                </div> -->
                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-input-group [nzSuffix]="suffixTemplate" [nzPrefix]="prefixTemplate">
                            <input nz-input formControlName="mobile" placeholder="手机" name="mobile" type="text"
                                id="mobile" />
                        </nz-input-group>
                        <ng-template #prefixTemplate><i nz-icon type="phone"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm.get('mobile').dirty && loginForm.get('mobile').errors">
                            请输入账号!</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-input-group [nzSuffix]="prefixTemplatePassword" [nzPrefix]="prefixLock">
                            <input nz-input formControlName="loginPw" placeholder="密码" name="loginPw" type="password" id="loginPw"/>
                        </nz-input-group>
                        <ng-template #prefixLock><i nz-icon type="lock"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm.get('loginPw').dirty && loginForm.get('loginPw').errors">
                            请输入密码!
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                
                <nz-form-item>
                    <a class="login-form-forgot tr" (click)='changeSubType("vCodeSub")'>验证码登录</a>
                </nz-form-item>
                
                <nz-form-item>
                    <nz-form-control>
                        <button nz-button [nzType]="'primary'" style="border-radius: 20px;" (click)="submit()"
                            [disabled]="loginForm.invalid">登陆</button>
                        <div style="text-align: center;">
                            <a class="login-form-forgot" routerLink="/member/center/home/password/reset">
                                忘记密码？
                            </a>
                        </div>
                    </nz-form-control>
                </nz-form-item>

            </form>
        </div>

        <div class="login-form-body-right" *ngIf='subType=="vCodeSub"'>
            <div class="login-title">
                <div style="width: 40px;height: 35px;margin-right: 10px;">
                    <img style="width: 100%;" src="../../../../assets/img/logo/LOGOIOC.png" alt="">
                </div>
                <h1>云检测平台</h1>
            </div>
            <form nz-form class="loginForm" [formGroup]="loginForm2">
                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-input-group [nzSuffix]="suffixTemplate" [nzPrefix]="prefixTemplate">
                            <input nz-input formControlName="mobile" placeholder="手机" name="mobile" type="text"
                                id="mobile" />
                        </nz-input-group>
                        <ng-template #prefixTemplate><i nz-icon type="phone"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm2.get('mobile').dirty && loginForm2.get('mobile').errors">
                            请输入手机号!</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item>
                    <nz-form-control >
                      <nz-input-group [nzSuffix]="verifyCodeTemplate">
                          <input nz-input type="text" formControlName="verifyCode" name="verifyCode" placeholder="验证码" />
                      </nz-input-group>
                      <ng-template #verifyCodeTemplate>
                          <a (click)='toSendCode()' *ngIf='!sendCodeType'>获取验证码</a>
                          <a *ngIf='sendCodeType'>{{sendCodeNum}}秒</a>
                      </ng-template>
                      <nz-form-explain *ngIf="loginForm2.get('verifyCode').dirty && loginForm2.get('verifyCode').errors">请输入验证码</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <a class="login-form-forgot tr" (click)='changeSubType("pwSub")'>密码登录</a>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-control class="btn-c">
                        <button nz-button [nzType]="'primary'" style="border-radius: 20px;height: 40px;" (click)="submit2()"
                            [disabled]="loginForm2.invalid">登陆</button>
                        <button nz-button nzGhost [nzType]="primary" 
                                style="border-radius: 20px;height: 40px;border: 1px solid #29bbff;color: #29bbff;margin-top: 10px;" 
                                routerLink="/member/center/home/register" >去注册</button>
                        <div style="width: 100%; text-align: center;">
                            <a class="login-form-forgot" routerLink="/member/center/home/password/reset">
                                忘记密码？
                            </a>
                        </div>
                    </nz-form-control>
                </nz-form-item>

            </form>
        </div>
    </div>
